<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>产品区模块</title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			/*产品模块*/
			div.container_star{
				width: 211px;
				height: 305px;
				background: #fafafa;
				border-top: 1.2px solid #ffaa00;
				text-align: center;
			}
			/*容器内部，图片+3行文字*/
			/*图片*/
			div.container_star dl dt img {
				margin: 45px auto;
			}
			/*第二行*/
		
		    div.container_star dl dd.product_content{
			line-height:43px;
			font-size: 14px;
			color:#a6a6a6
		}
		div.container_star dl dd.product_price{
			font-size:14px;
			color: #ff6709;
		}
		</style>
	<body>
		<!--结构:-->
		<div class="container_star">
			<dl>
				<dt>
				<img src="img/chazuo.png" alt="">	
				</dt>
				<dd>小米智能插座 基础版</dd>
				<dd class="product_content">手机远程遥控，让普通电器变智能</dd>
				<dd class="product_price">49元</dd>
			</dl>
		</div>
	</body>
</html>